$(function () {
  $(".list-item").mouseover(function () {
    $(this).addClass("mouse-over");
  });
  $(".list-item").mouseout(function () {
    $(this).removeClass("mouse-over");
  });

  let listTop = $(".list").offset().top;
  $(window).scroll(function () {
    if ($(document).scrollTop() >= listTop) {
      $(".back").fadeIn();
    } else {
      $(".back").fadeOut();
    }
  });
  $(".back").mouseover(function () {
    $(this).addClass("current");
  });
  $(".back").mouseleave(function () {
    $(this).removeClass("current");
  });
  $(".back").click(function () {
    $("body, html").stop().animate({
      scrollTop: 0,
    });
  });

  let num = $(".list-item").length / 5 < 1 ? 1 : $(".list-item").length / 5;
  if ($(".list-item").length == 0) {
    num = 0;
  }
  let len = num * 397;
  $(".main_body").css("height", len + 200 + "px");
  $(".list").css("height", len + "px");
});
